{% extends "home/base.html" %}

{% block title %}{{lad.name_surname}} — {{block.super}}{% endblock %}

{% block head %}
    <!-- fancybox -->  		     
    <link rel="stylesheet" type="text/css" href="/static/fancybox/source/jquery.fancybox.css">		 
<script src='/static/fancybox/source/jquery.fancybox.pack.js' type='text/javascript'></script> 		     
    <link rel="stylesheet" type="text/css" href="/static/fancybox/source/helpers/jquery.fancybox-buttons.css">		 		 
<script src='/static/fancybox/source/helpers/jquery.fancybox-media.js' type='text/javascript'></script>  		     
    <link rel="stylesheet" type="text/css" href="/static/fancybox/source/helpers/jquery.fancybox-thumbs.css">				 		 
<script src='/static/fancybox/source/helpers/jquery.fancybox-thumbs.js' type='text/javascipt'></script>  		     
	<script type='text/javascript'>
		$( document ).ready(
			function()
			{
				{% block onload %}{% endblock %}
			}
		);		
	</script>
{% endblock %}

{% block container %}
				<div style='overflow: hidden'>
					<table cellpadding='0px' cellspacing='0px'>
						<tr>
							<td rowspan='2'>
								{% block image %}
									<img src='/static/user/{{images.0.image}}' style='max-height: 450px; max-width: 400px; -moz-box-shadow: 7px 3px 7px rgba(0,0,0,0.5); -webkit-box-shadow: 7px 3px 7px rgba(0,0,0,0.5); box-shadow: 7px 3px 7px rgba(0,0,0,0.5);'>
								{% endblock %}
							</td>
							<td valign='top'>					
								<div style='margin-left: 30px; font-family: arial;'>
									<div>
										<div style='font-size: 30pt; font-weight: bold'>{{lad.name_surname}}</div>
										<div style='margin-top: 30px; overflow: hidden'>
											<div>Возраст: <b>{{lad.age}} лет</b></div>
											<div style='margin-top: 5px'><nobr>Карьера: <b>{{lad.get_career_display}}</b></nobr></div>
										</div>
									</div>
								</div>
							</td>						
						<tr>
							<td valign='bottom'>
								{% comment %}
								<a href='/adverticement/'>
									<img src='/static/img/advert.png' style='margin-left: 30px; height: 150px; -moz-box-shadow: 7px 3px 7px rgba(0,0,0,0.5); -webkit-box-shadow: 7px 3px 7px rgba(0,0,0,0.5); box-shadow: 7px 3px 7px rgba(0,0,0,0.5);'>
								</a>
								{% endcomment %}
							</td>
						</tr>
					</table>
				</div>
				<div style='margin-top: 30px; font-size: 10pt'>
					Фотографии
				</div>
				<div>
					{% block images %}
						{% for image in images %}
							<div style='overflow: hidden; float: left; margin: 15px 15px 15px 0px; -moz-box-shadow: 5px 2px 7px rgba(0,0,0,0.5); -webkit-box-shadow: 5px 2px 7px rgba(0,0,0,0.5); box-shadow: 5px 2px 7px rgba(0,0,0,0.5);'>
								<a href='/static/user/{{image.image}}' class='fancybox' rel='group'>
									<img src='/static/user/{{image.image}}' style='height: 100px'>
								</a>
							</div>
						{% endfor %}
					{% endblock %}
				</div>

				<div style='color: gray; font-size: 30pt; font-family: times new roman; clear: both; width: 100%; text-align: center'>
					Здесь будет описание
				</div>
	{% block container_bottom %}{% endblock %}
{% endblock %}

